<template>
    <div class="container">
      <!-- 头部组件 -->
      <!-- <Header /> -->
      <router-view></router-view>
      <!-- 底部组件 -->
      <Footer />
     
    </div>
</template>
<script>
// import Header from './components/commons/header.vue';
import Footer from './components/commons/footer.vue';
import mui from "./lib/mui/js/mui.min.js";

export default {
  data() {
    return {};
  },
  //created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
  created() {
    //利用axios来实现交互获取后台数据
    // this.$ajax.get('https://api.douban.com/v2/movie/in_theaters').then(res=>{
    //   console.log(res)
    // })
  },
  mounted() {
    mui("body").on("click", "a", function() {
      document.location.href = this.href;
    });
  },
  components: {
    // Header,
    Footer
  },
  methods: {}
};
</script>
<style scoped>
* {
  touch-action: pan-y;
}
</style>

